<%- include('layout/header', { title: '微博 - 登录', isNarrow: true })%>

<h1>登录</h1>
<% if (locals.isLogin) { %>
  <p><%= locals.userName%> 您已成功登录，请直接访问<a href="/">首页</a></p>
<% } else { %>
  <form>
    <div class="form-group">
      <input type="text" class="form-control" id="input-username" placeholder="请输入用户名">
    </div>
    <div class="form-group">
      <input type="password" class="form-control" id="input-password" placeholder="请输入密码">
    </div>
    <button type="submit" class="btn btn-primary" id="btn-submit">登录</button>
    &nbsp;
    <a href="/register">注册账号>></a>
  </form>

  <script>
    $(function() {
      var $inputUserName = $('#input-username')
      var $inputPassword = $('#input-password')
      $('#btn-submit').click(function(e) {
        // 阻止默认的提交表单行为
        e.preventDefault()
        const userName = $inputUserName.val()
        const password = $inputPassword.val()

        // 提交数据
        ajax.post('/api/user/login', {
          userName,
          password
        }, function(err, data) {
          if (err) {
            alert(err)
            return
          }
          // 跳转到指定 url 或首页
          var redirectUrl = $.query.get('url') || '/'
          location.href = redirectUrl
        })
      })
    })
  </script>
<% } %>

<%- include('layout/footer')%>